<template>
    <div class="aside">
        <el-menu menu-trigger="click">
            <el-submenu index="1">
                <template slot="title">
                    <i class="el-icon-location"></i>
                    <span slot="title">导航一</span>
                </template>
                <el-menu-item index="1-1">
                    <i class="el-icon-location"></i>
                    <span slot="title">选项11</span>
                </el-menu-item>
                <el-menu-item index="1-2">
                    <i class="el-icon-location"></i>
                    <span slot="title">选项12</span>
                </el-menu-item>
                <!--                <el-menu-item index="1-3">-->
                <el-submenu index="1-3">
                    <template slot="title">
                        <i class="el-icon-location"></i>
                        <span slot="title">选项13</span>
                    </template>
                    <el-menu-item index="1-3-1">
                        <i class="el-icon-location"></i>
                        <span slot="title">选项131</span>
                    </el-menu-item>
                    <el-menu-item index="1-3-2">
                        <i class="el-icon-location"></i>
                        <span slot="title">选项132</span>
                    </el-menu-item>
                </el-submenu>
                <!--                </el-menu-item>-->

            </el-submenu>
            <el-submenu index="2">
                <template slot="title">
                    <i class="el-icon-location"></i>
                    <span slot="title">导航2</span>
                </template>
                <el-menu-item index="2-1">选项21</el-menu-item>
                <el-menu-item index="2-2">选项22</el-menu-item>
            </el-submenu>
            <el-menu-item index="2-1">导航3</el-menu-item>
        </el-menu>
    </div>
</template>

<script>
    export default {
        name: "Nav"
    }
</script>

<style scoped>
    .aside {
        width: 200px;
    }

</style>
